<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			//1、创建注册页面，分别为用户名，手机号，密码，确认密码  
			//2、点击注册钮时，验证每个表单的数据有效性，即：数据不能为空，数据符合指定格式要求
			//输入后一位表单时，前一个表单需要验证
			//3、135开头  11位    密码：
			//4：提升：密码得数字英文结合：（不能为纯数字、纯英文 ）
			function yh(e){
				//var re=/[a-zA-Z]/;
				if(e.value==null|e.value==""){
					alert("用户名不能为空");
				}/*else if(re.test(e.value)){
					alert("账号不能为存数字");
				}*/ 
			}
			function sj(e){
				var re=/^1[34578]\d{9}$/;
				if(e.value==null|e.value==""){
					alert("手机号不能为空");
				}else if(!re.test(e.value)){
					alert("手机号码格式不正确");
					e.value="";
				}
			}
			function mm(e){
				
				if(e.value==null||e.value==""){
					alert("密码不能为空");
				}else {
					if(/^\d+$/.test(e.value)){
					alert("密码不能为纯数字");
					e.value="";
					} else if(/^\D+$/.test(e.value)){
						alert("密码不能为存字母"); 
						e.value="";
					}
				}
			}
			function mm2(e){
				var m1=document.getElementById("mm");
				if(e.value!=m1.value){
					alert("两次密码输入不匹配");
					e.value="";
				}
			}
		</script>
	</head>
	<body>
		<div id="ow">
			用户名：<input type="text" id="yh"  onblur="yh(this)"/> <br />
			手机号：<input type="text" id="sj" onblur="sj(this)"/>	<br />
			密码： 	<input type="password" id="mm" onblur="mm(this)"  />	<br />
			确认密码：<input type="password" id="mm1" onblur="mm2(this)" />	<br />
			<br />
			<button>注册
			</button>
		</div>
	</body>
</html>
